<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="string" uri="http://jakarta.apache.org/taglibs/string-1.1" %>
<%@ taglib uri="/WEB-INF/tlds/pagination.tld" prefix="pagination" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<head>
    <title>Dayve Mobile FAQ</title>
    <link href="/common/css/common.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        function browsercheck(){
            var UserAgent=navigator.userAgent;
            if(UserAgent.match(/iPhone/) ){
                return "1";
            }
            else if(UserAgent.match(/Android/)){
                return "2";
            }else{
                return "3";
            }
        }

        function mobileFaq() {
            var TheForm = document.frm;
            TheForm.browserType.value = browsercheck();
            alert(TheForm.browserType.value);
            TheForm.action = "/faq.do";
            TheForm.submit();
        }

    </script>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center" style="padding: 0px; width: 100%; margin: 0px">
<div style="margin: 0px; background-color: #FFFFFF;width: 100%;font-size: 11px;">

<script type="text/javascript" language="JavaScript">
    function layer_toggle(obj) {
        if (obj.style.display == 'none') obj.style.display = 'block';
        else if (obj.style.display == 'block') obj.style.display = 'none';
    }
</script>

<!--

FAQ 게시물 접기 펴기
a 상태 일때 접힌 상태
b 상태 일때 펼친 상태
div ID 와 onclick 파라미터의 ID들을 일치시켜줄것

-->
<p align="center"><img src="/images/top/faq_title.png" border="0"><br><br></p>
<!-- FAQ ITEM Start -->
<div id="FAQ01a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ01a')); layer_toggle(document.getElementById('FAQ01b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question1" /></p>
    </a>
</div>

<div id="FAQ01b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ01a')); layer_toggle(document.getElementById('FAQ01b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question1" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply1-1" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply1-2" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply1-3" /></p>
</div>
<!-- FAQ ITEM End -->

<!-- FAQ ITEM Start -->
<div id="FAQ03a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ03a')); layer_toggle(document.getElementById('FAQ03b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question2" /></p>
    </a>
</div>

<div id="FAQ03b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ03a')); layer_toggle(document.getElementById('FAQ03b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question2" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply2-1" /></p>
    <p align="center"><img src="/images/faq/mf3-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply2-2" /></p>
</div>
<!-- FAQ ITEM End -->

<!-- FAQ ITEM Start -->
<div id="FAQ04a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ04a')); layer_toggle(document.getElementById('FAQ04b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question3" /></p>
    </a>
</div>

<div id="FAQ04b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ04a')); layer_toggle(document.getElementById('FAQ04b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question3" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply3-1" /></p>
    <p align="center"><img src="/images/faq/mf4-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply3-2" /></p>
</div>
<!-- FAQ ITEM End -->

<!-- FAQ ITEM Start -->
<div id="FAQ05a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ05a')); layer_toggle(document.getElementById('FAQ05b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question4" /></p>
    </a>
</div>

<div id="FAQ05b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ05a')); layer_toggle(document.getElementById('FAQ05b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question4" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply4-1" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply4-2" /></p>
</div>
<!-- FAQ ITEM End -->

<!-- FAQ ITEM Start -->
<div id="FAQ06a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ06a')); layer_toggle(document.getElementById('FAQ06b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question5" /></p>
    </a>
</div>

<div id="FAQ06b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ06a')); layer_toggle(document.getElementById('FAQ06b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question5" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply5-1" /></p>
    <p align="center"><img src="/images/faq/mf6-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply5-2" /></p>
    <p align="center"><img src="/images/faq/mf6-2.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply5-3" /></p>
    <p align="center"><img src="/images/faq/mf6-3.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply5-4" /></p>
    <p align="center"><img src="/images/faq/mf6-4.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply5-5" /></p>
    <p align="center"><img src="/images/faq/mf6-5.gif" border="0"></p>

</div>
<!-- FAQ ITEM End -->
<!-- FAQ ITEM Start -->
<div id="FAQ07a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ07a')); layer_toggle(document.getElementById('FAQ07b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question6" /></p>
    </a>
</div>

<div id="FAQ07b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ07a')); layer_toggle(document.getElementById('FAQ07b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question6" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply6-1" /></p>
    <p align="center"><img src="/images/faq/mf7-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply6-2" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply6-3" /></p>


</div>
<!-- FAQ ITEM End -->

<!-- FAQ ITEM Start -->
<div id="FAQ08a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ08a')); layer_toggle(document.getElementById('FAQ08b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question7" /></p>
    </a>
</div>

<div id="FAQ08b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ08a')); layer_toggle(document.getElementById('FAQ08b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question7" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply7-1" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply7-2" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply7-3" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply7-4" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply7-5" /></p>
</div>
<!-- FAQ ITEM End -->

<!-- FAQ ITEM Start -->
<div id="FAQ09a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ09a')); layer_toggle(document.getElementById('FAQ09b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question8" /></p>
    </a>
</div>

<div id="FAQ09b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ09a')); layer_toggle(document.getElementById('FAQ09b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question8" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply8-1" /></p>
    <p align="center"><img src="/images/faq/mf9-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply8-2" /></p>
    <p align="center"><img src="/images/faq/mf9-2.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply8-3" /></p>
    <p align="center"><img src="/images/faq/mf9-3.gif" border="0"></p>
    <p align="center"><img src="/images/faq/mf9-4.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply8-4" /></p>

</div>
<!-- FAQ ITEM End -->
<!-- FAQ ITEM Start -->
<div id="FAQ10a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ10a')); layer_toggle(document.getElementById('FAQ10b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question9" /></p>
    </a>
</div>

<div id="FAQ10b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ10a')); layer_toggle(document.getElementById('FAQ10b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question9" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply9-1" /></p>
    <p align="center"><img src="/images/faq/mf10-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply9-2" /></p>
    <p align="center"><img src="/images/faq/mf10-2.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply9-3" /></p>
    <p align="center"><img src="/images/faq/mf10-3.gif" border="0"></p>
    <p align="center"><img src="/images/faq/mf10-4.gif" border="0"></p>

</div>
<!-- FAQ ITEM End -->
<!-- FAQ ITEM Start -->
<div id="FAQ11a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ11a')); layer_toggle(document.getElementById('FAQ11b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question10" /></p>
    </a>
</div>

<div id="FAQ11b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ11a')); layer_toggle(document.getElementById('FAQ11b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question10" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply10-1" /></p>
    <p align="center"><img src="/images/faq/mf11-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply10-2" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply10-3" /></p>
    <p align="center"><img src="/images/faq/mf11-2.gif" border="0"></p>

</div>
<!-- FAQ ITEM End -->
<!-- FAQ ITEM Start -->
<div id="FAQ12a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ12a')); layer_toggle(document.getElementById('FAQ12b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question11" /></p>
    </a>
</div>

<div id="FAQ12b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ12a')); layer_toggle(document.getElementById('FAQ12b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question11" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply11-1" /></p>
    <p align="center"><img src="/images/faq/mf12-1.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply11-2" /></p>
    <p align="center"><img src="/images/faq/mf12-2.gif" border="0"></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply11-3" /></p>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply11-4" /></p>
</div>
<!-- FAQ ITEM End -->
<!-- FAQ ITEM Start -->
<div id="FAQ13a" style="display:block;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt">
    <a href=# onclick="layer_toggle(document.getElementById('FAQ13a')); layer_toggle(document.getElementById('FAQ13b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_close.gif" border=0><spring:message code="faq.question12" /></p>
    </a>
</div>

<div id="FAQ13b" style="display:none;background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px;width: 100%; border: 1px solid gray; border-left: 0px; border-right: 0px; border-top: 0px; text-align: left; font: 13pt" >
    <a href=# onclick="layer_toggle(document.getElementById('FAQ13a')); layer_toggle(document.getElementById('FAQ13b'));return false;">
        <p style="padding: 5px; font: 11pt"><img src="/images/faq/faq_open.gif" border=0><spring:message code="faq.question12" /></p>
    </a>
    <p style="padding: 5px; font: 11pt"><spring:message code="faq.reply12-1" /></p>
</div>
<!-- FAQ ITEM End -->
</div>
</div>
</body>
</html>